<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"   
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:p="http://primefaces.org/ui">

    <SCRIPT language="JavaScript" type="text/javascript">
                   
        function handleRequest(xhr, status, args) {                     
            if(args.validationFailed) {  
     
            } else {                              
                carDialogDetalle.hide();  
                jQuery('#btnGuardarDetalle').fadeOut();  
            }  
        }  
    </SCRIPT>
    <h:form onsubmit="return checkSubmit();"  id="frmDetalle">
        <h:panelGrid id="pgFormDtoDeta"   frame="box">
            <h:panelGrid  columns="4" cellpadding="4">
                <h:outputLabel value="#{i18n['documento.compra.deta.item']}" styleClass="label"/>
                <h:outputText value="#{documentoCompraContMBean.detaDto.item}"  styleClass="txtCampo"/>

                <h:outputLabel for="itProducto" styleClass="label" value="#{i18n['documento.compra.deta.producto']}"/>                    
                <p:autoComplete id="itProducto" value="#{documentoCompraContMBean.detaDto.productoDetaDto}" required="true" completeMethod="#{productoMBean.autoCompletarProductoDeta}"
                                label="#{i18n['documento.compra.deta.producto']}" readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}" maxResults="10" minQueryLength="#{applicationMBean.minQueryLengthAutoComplete}" queryDelay="1" 
                                converter="productoDetaConvert" var="sn" itemLabel="#{sn.textoAutocomplete}" itemValue="#{sn}" size="50" forceSelection="true"> 
                    <p:ajax event="itemSelect" listener="#{documentoCompraContMBean.handleProductoChange}" update=":msgs frmDetalle" />
                    <p:column style="#{applicationMBean.estiloObligatorio}" > 
                        #{sn.productoDto.descripcion} || #{sn.unidadMedidaDto.nombre}
                    </p:column> 
                </p:autoComplete>

                <h:outputLabel for="itUnidadMedida" styleClass="label" value="#{i18n['documento.compra.deta.unidad.medida']}"/>                    
                <h:outputText id="itUnidadMedida" value="#{documentoCompraContMBean.detaDto.unidadMedidaDto.nombre}" styleClass="general"  />

                <h:outputLabel for="itCantidad" value="#{i18n['documento.compra.deta.cantidad']}" styleClass="label"/>
                <p:inputText id="itCantidad" label="#{i18n['documento.compra.deta.cantidad']}" style="#{applicationMBean.estiloObligatorio}"
                             value="#{documentoCompraContMBean.detaDto.cantidad}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                             onkeypress="return fn_validaTecla('decimal',this)"
                             required="true" size="10" >
                    <p:ajax event="blur" update="itSubTotal" listener="#{documentoCompraContMBean.onBlurCalcularSubTotaItem}"/> 
                    <f:validateLength minimum="1" maximum="9" />
                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                </p:inputText>  

                <h:outputLabel for="itTarifa" styleClass="label" value="#{i18n['documento.compra.deta.tarifa']}" />                    
                <h:outputText id="itTarifa" value="#{documentoCompraContMBean.detaDto.tarifaDto.nombre}" styleClass="general"  />

                <h:outputLabel for="itPrecioUnit" value="#{i18n['documento.compra.deta.precio.unitario.o']}" styleClass="label"/>
                <p:inputText id="itPrecioUnit" label="#{i18n['documento.compra.deta.precio.unitario.o']}" style="#{applicationMBean.estiloObligatorio}"
                             value="#{documentoCompraContMBean.detaDto.precioUnitarioO}"  readonly="true"
                             onkeypress="return fn_validaTecla('decimal',this)"
                             required="true" size="10" >
                    <f:validateLength minimum="1" maximum="9" />
                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                </p:inputText> 

                <h:outputLabel for="itMoneda" styleClass="label" value="#{i18n['documento.compra.deta.moneda.o']}"/>                    
                <p:selectOneMenu id="itMoneda" value="#{documentoCompraContMBean.detaDto.monedaODto}" required="true" converter="monedaConvert" style="#{applicationMBean.estiloObligatorio}" disabled="true">
                    <f:selectItems value="#{documentoCompraContMBean.listaMonedas}" var="monedaDto" itemLabel="#{monedaDto.descripcion}" itemValue="#{monedaDto}" />                        
                </p:selectOneMenu>

            </h:panelGrid>  

            <h:outputLabel value="#{i18n['documento.compra.deta.agrupacion.tipo.cambio']}" styleClass="subTitulo" rendered="#{documentoCompraContMBean.detaDto.tipoCambioDto!=null}"/>
            <p:separator rendered="#{documentoCompraContMBean.detaDto.tipoCambioDto!=null}"/>
            <h:panelGrid id="pgTipoCambio" columns="8" cellspacing="10" frame="box" rendered="#{documentoCompraContMBean.detaDto.tipoCambioDto!=null}">  
                <h:outputText  value="#{i18n['documento.compra.deta.texto.tip.cambio1']} #{documentoCompraContMBean.detaDto.monedaODto.descripcion} #{i18n['documento.compra.deta.texto.tip.cambio2']} #{documentoCompraContMBean.detaDto.factorConversion} #{documentoCompraContMBean.dto.monedaDto.descripcionTransac}" styleClass="botonRojo" />
            </h:panelGrid>

            <h:outputLabel value="#{i18n['documento.compra.deta.agrupacion.conversiones']}" styleClass="subTitulo" />
            <p:separator/>
            <h:panelGrid id="pgConversiones" columns="6" cellspacing="10">
                <h:outputLabel for="itPrecioUnitD" value="#{i18n['documento.compra.deta.precio.unitario.d']}" styleClass="label"/>
                <p:inputText id="itPrecioUnitD" label="#{i18n['documento.compra.deta.precio.unitario.d']}" style="#{applicationMBean.estiloObligatorio}"
                             value="#{documentoCompraContMBean.detaDto.precioUnitarioD}"  readonly="true"
                             onkeypress="return fn_validaTecla('decimal',this)"
                             required="true" size="10" >
                    <f:validateLength minimum="1" maximum="9" />
                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                </p:inputText> 

                <h:outputLabel for="itDescuento" value="#{i18n['documento.compra.deta.descuento']}" styleClass="label"/>
                <p:inputText id="itDescuento" label="#{i18n['documento.compra.deta.descuento']}" style="#{applicationMBean.estiloObligatorio}"
                             value="#{documentoCompraContMBean.detaDto.descuento}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                             onkeypress="return fn_validaTecla('decimal',this)"
                             required="true" size="10" >
                    <p:ajax event="blur" update="itDescuentoMonto itPreUnitF itSubTotal" listener="#{documentoCompraContMBean.onBlurCalcularMontosItem}"/> 
                    <f:validateLength minimum="1" maximum="9" />
                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                </p:inputText> 

                <h:outputLabel for="itDescuentoMonto" value="#{i18n['documento.compra.deta.descuento.monto']}" styleClass="label"/>
                <p:inputText id="itDescuentoMonto" label="#{i18n['documento.compra.deta.descuento.monto']}" style="#{applicationMBean.estiloObligatorio}"
                             value="#{documentoCompraContMBean.detaDto.descuentoMonto}"  readonly="true"
                             onkeypress="return fn_validaTecla('decimal',this)"
                             required="true" size="10" >
                    <f:validateLength minimum="1" maximum="9" />
                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                </p:inputText> 

                <h:outputLabel for="itPreUnitF" value="#{i18n['documento.compra.deta.precio.unitario.f']}" styleClass="label"/>
                <p:inputText id="itPreUnitF" label="#{i18n['documento.compra.deta.precio.unitario.f']}" style="#{applicationMBean.estiloObligatorio}"
                             value="#{documentoCompraContMBean.detaDto.precioUnitarioF}"  readonly="true"
                             onkeypress="return fn_validaTecla('decimal',this)"
                             required="true" size="10" >
                    <f:validateLength minimum="1" maximum="9" />
                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                </p:inputText> 

                <h:outputLabel for="itSubTotal" value="#{i18n['documento.compra.deta.sub.total']}" styleClass="label"/>
                <p:inputText id="itSubTotal" label="#{i18n['documento.compra.deta.sub.total']}" style="#{applicationMBean.estiloObligatorio}"
                             value="#{documentoCompraContMBean.detaDto.subTotal}"  readonly="true"
                             onkeypress="return fn_validaTecla('decimal',this)"
                             required="true" size="10" >
                    <f:validateLength minimum="1" maximum="9" />
                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                </p:inputText> 
            </h:panelGrid>  

        <p:panel id="pnlAcciones">
            <h:panelGrid columns="10">
                <p:commandButton id="btnGuardarDetalle" update=":msjDialogDeta, :frmPrincipal:tabPrincipal:pngTabla, :frmPrincipal:itSubTotal, :frmPrincipal:itDescuentoMonto, 
                                 :frmPrincipal:itSubConDcto, :frmPrincipal:itImpuestoMonto, :frmPrincipal:itTotal, :frmPrincipal:itTotalTexto, :frmPrincipal:itMontoDetraccion" 
                                 title="#{i18n['general.button.guardar.tip']}"
                                 ajax="true"  
                                 style="#{applicationMBean.estilosBtnGuardar}"
                                 icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.accionDetalle != applicationMBean.ver &amp;&amp; documentoCompraContMBean.detaDto.isSave}"
                                 value="#{i18n['general.button.guardar']}" 
                                 action="#{documentoCompraContMBean.guardarDetalle}"
                                 oncomplete="handleRequest(xhr, status, args);">                                    
                </p:commandButton>
            </h:panelGrid>
        </p:panel>
        </h:panelGrid>  
    </h:form>
</html>